<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>老年人健康档案服务平台</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>

<!-- 网站头部 -->
<header>
    <h1>老年人健康档案服务平台</h1>
</header>

<!-- 导航栏 -->
<nav>
    <div>
        <a href="{{ url_for('index') }}">首页</a>
	<a href="{{ url_for('health_data') }}">健康档案</a>
	<a href="{{ url_for('health_analysis') }}">健康分析</a>
	<a href="{{ url_for('personal_advice') }}">个性化建议</a>
	<a href="{{ url_for('community') }}">健康社区</a>
	<a href="{{ url_for('contact') }}">联系我们</a>

    </div>
    <div class="search-bar">
        <input type="text" id="search-input" placeholder="全文搜索...">
        <button onclick="searchArticles()">搜索</button>
    </div>
</nav>

<!-- 主体内容 -->
<div class="main-content">
    <div class="section" id="home">
        <h2>欢迎访问老年人健康档案服务平台</h2>
        <p>提供全面、精准的健康管理服务，帮助提升老年人生活质量。</p>
    </div>

    <div class="section" id="health-data">
        <h2>健康数据整合与分析</h2>
        <p>在这里，您可以上传健康数据，并查看综合分析结果。</p>
        <button onclick="window.location.href='{{ url_for('health_data') }}'">上传数据</button>
    </div>

    <div class="section" id="health-analysis">
        <h2>健康分析</h2>
        <p>基于您上传的健康数据，我们将生成详细的健康分析报告。</p>
        <button onclick="window.location.href='{{ url_for('health_analysis') }}'">查看分析报告</button>
    </div>

    <div class="section" id="personal-advice">
        <h2>个性化健康建议</h2>
        <p>根据您的健康状况，我们提供饮食、运动和心理健康方面的个性化建议。</p>
        <button onclick="window.location.href='{{ url_for('health_analysis') }}'">获取建议</button>
    </div>
</div>

<!-- 页脚 -->
<footer>
    <p>© 2024 老年人健康档案服务平台 | 地址: 北京市某区某街道100号</p>
    <p>友情链接: <a href="https://www.who.int" target="_blank">世界卫生组织</a> | <a href="https://www.nhc.gov.cn" target="_blank">国家卫生健康委员会</a></p>
</footer>

<script>
    // 搜索功能，跳转至健康社区页面并传递搜索关键词
    function searchArticles() {
        const query = document.getElementById('search-input').value.trim();
        if (query) {
            window.location.href = "{{ url_for('community') }}?search=" + encodeURIComponent(query);
        } else {
            alert('请输入搜索内容！');
        }
    }
</script>


</body>
</html>
